<% include("/view/front/head.html",{title:"首页"}){}	%>
<div class="banner">
	<% include("/view/front/nav.html"){}	%>
	<!-- banner-slider -->
	<div class="banner-slider">
		<div class="slider">
			<div class="callbacks_container">
				<ul class="rslides callbacks callbacks1" id="slider4">
					<li>
						<div class="jarallax agileits-banner-info" style="background: url('/view/front/images/1.jpg')">
							<div class="container">
								<div class="w3ls-banner-shadow">
									<h3>Lorem ipsum dolor</h3>
									<p>Ut iaculis at mauris ut maximus. Sed laoreet in quam sit amet elementum.</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="jarallax agileits-banner-info" style="background: url('/view/front/images/2.jpg')">
							<div class="container">
								<div class="w3ls-banner-shadow">
									<h3>Integer sit amet erat</h3>
									<p>Ut iaculis at mauris ut maximus. Sed laoreet in quam sit amet elementum.</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="jarallax agileits-banner-info" style="background: url('/view/front/images/3.jpg')">
							<div class="container">
								<div class="w3ls-banner-shadow">
									<h3>Nullam placerat nunc</h3>
									<p>Ut iaculis at mauris ut maximus. Sed laoreet in quam sit amet elementum.</p>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			<script src="/view/front/js/responsiveslides.min.js" ></script>
			<script>
                // You can also use "$(window).load(function() {"
                $(function () {
                    // Slideshow 4
                    $("#slider4").responsiveSlides({
                        auto: true,
                        pager:true,
                        nav:false,
                        speed: 500,
                        namespace: "callbacks",
                        before: function () {
                            $('.events').append("<li>before event fired.</li>");
                        },
                        after: function () {
                            $('.events').append("<li>after event fired.</li>");
                        }
                    });

                });
			</script>
			<!--banner Slider starts Here-->
		</div>
	</div>
	<!-- //banner-slider -->
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome">
	<div class="container">
		<div class="agileits-heading">
			<h2>丰禾优粮</h2>
		</div>
		<div class="bs-example bs-example-tabs welcome-tabs" role="tabpanel" data-example-id="togglable-tabs">
			<!--<ul id="myTab" class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">01</a></li>
                <li role="presentation" class=""><a href="#Feature1" role="tab" id="Feature1-tab" data-toggle="tab" aria-controls="Feature1" aria-expanded="false">02</a></li>
                <li role="presentation" class=""><a href="#Feature2" role="tab" id="Feature2-tab" data-toggle="tab" aria-controls="Feature2" aria-expanded="false">03</a></li>
                <li role="presentation" class=""><a href="#Feature3" role="tab" id="Feature3-tab" data-toggle="tab" aria-controls="Feature3" aria-expanded="false">04</a></li>
            </ul>-->
				<div id="myTabContent" class="tab-content">
					<div role="tabpanel" class="tab-pane fade active in" id="home" aria-labelledby="home-tab">
						<div class="w3agile_tabs">
							<div class="col-md-5 w3agile_tab_right w3agile_tab_right2">
								<img src="/view/front/images/7.jpg" tppabs="./images/7.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="col-md-7 w3agile_tab_left">
								<h4>关于我们</h4>
								<p> 陕西丰禾优粮农业科技有限公司成立于2017年，创始人团队由中国农业大学、北京理工大学、西安交通大学校友组成，旨在提现代化农业种植技术解决方案、搭建优质农产品产销服务平台，同时依托中国农业大学教授工作站开展工作，培育孵化优质农产品品牌。

									丰禾优粮已与防城港丰禾曲辰农业科技有限公司、北京汇思君达农业科技有限公司、北京惠达农业科技有限公司、北京溯安链科技有限公司等农业高新技术企业建立战略合作，与中铁中基、国安社区、君霖食品等优质农产品销售渠道建立战略合作。</p>

							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="Feature1" aria-labelledby="Feature1-tab">
						<div class="w3agile_tabs">
							<div class="col-md-7 w3agile_tab_left">
								<h4>suscipit sapien nec </h4>
								<p> Cras consectetur tempus lectus id accumsan. Vivamus gravida justo mattis ex pretium, eu sollicitudin tortor ullamcorper. Quisque vitae diam molestie, tincidunt velit vitae, viverra nisl. Mauris ultrices commodo imperdiet. In urna odio, semper nec est non, pulvinar molestie quam. Etiam egestas varius nunc et rutrum. Curabitur tempor lacinia pharetra. Ut laoreet urna sed risus consequat laoreet. In volutpat sollicitudin volutpat. eget auctor eros
									ultrices. Vestibulum non erat ut odio euismod accumsan.
									Phasellus libero tellus, pulvinar vitae sem sit amet,
									faucibus consectetur neque.</p>
							</div>
							<div class="col-md-5 w3agile_tab_right w3agile_tab_right1">
								<img src="/view/front/images/6.jpg" tppabs="./images/6.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="Feature2" aria-labelledby="Feature2-tab">
						<div class="w3agile_tabs">
							<div class="col-md-5 w3agile_tab_right w3agile_tab_right2">
								<img src="/view/front/images/5.jpg" tppabs="./images/5.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="col-md-7 w3agile_tab_left">
								<h4>gravida eget auctor </h4>
								<p> Cras consectetur tempus lectus id accumsan. Vivamus gravida justo mattis ex pretium, eu sollicitudin tortor ullamcorper. Quisque vitae diam molestie, tincidunt velit vitae, viverra nisl. Mauris ultrices commodo imperdiet. In urna odio, semper nec est non, pulvinar molestie quam. Etiam egestas varius nunc et rutrum. Curabitur tempor lacinia pharetra. Ut laoreet urna sed risus consequat laoreet. In volutpat sollicitudin volutpat. eget auctor eros
									ultrices. Vestibulum non erat ut odio euismod accumsan.
									Phasellus libero tellus, pulvinar vitae sem sit amet,
									faucibus consectetur neque.</p>

							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="Feature3" aria-labelledby="Feature3-tab"><div class="w3agile_tabs">
						<div class="col-md-7 w3agile_tab_left">
							<h4>faucibus consectetur </h4>
							<p> Cras consectetur tempus lectus id accumsan. Vivamus gravida justo mattis ex pretium, eu sollicitudin tortor ullamcorper. Quisque vitae diam molestie, tincidunt velit vitae, viverra nisl. Mauris ultrices commodo imperdiet. In urna odio, semper nec est non, pulvinar molestie quam. Etiam egestas varius nunc et rutrum. Curabitur tempor lacinia pharetra. Ut laoreet urna sed risus consequat laoreet. In volutpat sollicitudin volutpat. eget auctor eros
								ultrices. Vestibulum non erat ut odio euismod accumsan.
								Phasellus libero tellus, pulvinar vitae sem sit amet,
								faucibus consectetur neque.</p>

						</div>
						<div class="col-md-5 w3agile_tab_right w3agile_tab_right1">
							<img src="/view/front/images/4.jpg" tppabs="./images/4.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="clearfix"> </div>
					</div>
					</div>
				</div>
		</div>
	</div>
</div>
<!-- //welcome-->
<!-- welcome-bottom -->
<div class="welcome-bottom">
	<div class="col-md-6 agile_banner_bottom1_right">
		<h3>occaecat cupidatat non proident, sunt in culpa qui officia</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed ligula id felis porta laoreet. Nullam ut lacus dui. Pellentesque venenatis id justo nec rhoncus. Curabitur consectetur condimentum nibh, eu ornare odio imperdiet eu. Vivamus non interdum tortor. In vulputate vulputate tellus, sit amet varius dui vulputate ac. <span>Duis sed arcu vitae ex pretium ultricies vel eget metus. Pellentesque in dapibus neque. Aliquam sed tincidunt sapien, sed accumsan arcu.</span></p>
		<div class="details">
			<a href="single.html" tppabs="./single.html">Read More</a>
		</div>
	</div>
	<div class="col-md-6 agile_banner_bottom1_left">

	</div>
	<div class="clearfix"> </div>
</div>
<!-- welcome-bottom -->
<!-- services -->
<div class="services">
	<div class="container">
		<div class="agileits-heading">
			<h3>产品介绍</h3>
		</div>
		<div class="agileinfo-services-grids">
			<div class="services-grids">
				<div class="col-md-6 services-grid">
					<div class="services-grid-left">
						<h4>农机管理系统</h4>
						<p>基于北斗远程监测终端的农机管理系统，可实现农机远程管理，实时查看农机位置数据、历史轨迹数据，评价机手作业质量等功能，辅助合作社管理决策。
						</p>
					</div>
					<div class="services-grid-right">
						<i class="fa fa-user" aria-hidden="true"></i>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 services-grid">
					<div class="services-grid-right aliquam">
						<i class="fa fa-cog" aria-hidden="true"></i>
					</div>
					<div class="services-grid-left non">
						<h4>自动驾驶系统</h4>
						<p>北斗自动驾驶导航系统，可实现高精度导航定位，对接行精度优于2.5cm，实现24小时不间断作业，极大提高农机作业能力，降低对机手驾驶能力要求。
						</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="services-grids w3layouts-agileinfo">
				<div class="col-md-6 services-grid">
					<div class="services-grid-left">
						<h4>产销服务案例</h4>
						<p>成熟的优质农产品销售渠道，标准化供应链产销模式，提供最优质的农产品销售。</p>
					</div>
					<div class="services-grid-right">
						<i class="fa fa-thumbs-up" aria-hidden="true"></i>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 services-grid">
					<div class="services-grid-right aliquam">
						<i class="fa fa-anchor" aria-hidden="true"></i>
					</div>
					<div class="services-grid-left non">
						<h4>商城管理系统</h4>
						<p>基于微信公众平台、H5，实现商品管理、订单管理、物流管理、仓库管理等线上商城管理系统，实现为中小微企业自定义商城系统，提高优质商品的销售流水。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
</div>
<!-- //services -->
<!-- testimonial -->
<div class="jarallax testimonial">
	<div class="testimonial-dot">
		<div class="container">
			<div class="agileits-heading wthree-testimonial">
				<h3>Testimonial</h3>
			</div>
			<div class="w3-agile-testimonial">
				<div class="slider">
					<div class="callbacks_container">
						<ul class="rslides callbacks callbacks1" id="slider3">
							<li>
								<div class="testimonial-img">
									<img src="/view/front/images/9.jpg" tppabs="./images/9.jpg" alt="" />
								</div>
								<div class="testimonial-img-info">
									<p>Nunc interdum elit nec sapien vehicula, ut blandit nulla ultrices. Sed ullamcorper metus eget efficitur rutrum. Aliquam a nunc odio. Aenean fermentum finibus efficitur.</p>
									<h5>Peter Guptill</h5>
									<h6>Proin blandit</h6>
								</div>
							</li>
							<li>
								<div class="testimonial-img">
									<img src="/view/front/images/10.jpg" tppabs="./images/10.jpg" alt="" />
								</div>
								<div class="testimonial-img-info">
									<p>Morbi est est, mollis id diam a, pellentesque dignissim lorem. Sed malesuada sed lacus sit amet vestibulum. Sed nibh purus, egestas eu orci vel, mollis interdum orci.</p>
									<h5>Mary Jane</h5>
									<h6>Lorem ipsum</h6>
								</div>
							</li>
							<li>
								<div class="testimonial-img">
									<img src="/view/front/images/11.jpg" tppabs="./images/11.jpg" alt="" />
								</div>
								<div class="testimonial-img-info">
									<p>Proin blandit rhoncus metus porta tristique. Praesent suscipit in erat a tempor. Nullam tempor lectus ex, a auctor orci ultricies ac. Mauris sapien neque, condimentum sit</p>
									<h5>Steven Wilson</h5>
									<h6>Proin blandit</h6>
								</div>
							</li>
						</ul>
					</div>
					<div class="clearfix"> </div>
					<script>
                        // You can also use "$(window).load(function() {"
                        $(function () {
                            // Slideshow 4
                            $("#slider3").responsiveSlides({
                                auto: true,
                                pager:false,
                                nav:false,
                                speed: 500,
                                namespace: "callbacks",
                                before: function () {
                                    $('.events').append("<li>before event fired.</li>");
                                },
                                after: function () {
                                    $('.events').append("<li>after event fired.</li>");
                                }
                            });

                        });
					</script>
					<!--banner Slider starts Here-->
				</div>
			</div>
		</div>
	</div>
</div>
<!-- //testimonial -->
<!-- newsletter -->
<div class="newsletter">
	<div class="container">
		<div class="agileits-heading">
			<h3>Subscribe</h3>
		</div>
	</div>
	<div class="w3-agileits-newsletter">
		<div class="subscribe-grid">
			<form action="#" method="post">
				<input type="email" placeholder="Subscribe" name="Subscribe" required="">
				<button class="btn1"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>
			</form>
			<h5>or</h5>
			<div class="agileinfo-social-grids">
				<ul>
					<li><a href="#"><i class="fa fa-facebook"></i></a></li>
					<li><a href="#"><i class="fa fa-twitter"></i></a></li>
					<li><a href="#"><i class="fa fa-rss"></i></a></li>
					<li><a href="#"><i class="fa fa-vk"></i></a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- //newsletter -->
<!-- footer -->
<script>

</script>
<% include("/view/front/foot.html"){}	%>
